---
title: Dropdowns
description: Application UI dropdown components built with Tailwind CSS v4. These responsive, customizable dropdown menus are ideal for navigation, filters, settings, and user actions in modern web applications. Enhance user experience and SEO with accessible, mobile-friendly dropdowns.
category: application
emoji: 💧
slug: dropdown
terms:
  - menu
  - navigation
components:
  - { title: 'Base', dark: true }
  - { title: 'Divided', dark: true }
  - { title: 'Grouped', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Dropdown Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
